import React, { Component } from 'react';
import { HashRouter as Router, Route, Switch, Redirect } from 'react-router-dom'
import Index from "./components/index/Index";
import Category from "./components/category/Category";
import Cart from "./components/cart/Cart";
import My from "./components/my/My";
import Tabbar from "./components/tabbar/Tabbar";
import SearchCenter from "./components/searchCenter/SearchCenter";
import GoodDetail from "./components/goodDetail/GoodDetail";
import GoodList from "./components/goodList/GoodList"
import Pay from "./components/pay/Pay"

export default class RouterConfig extends Component {
  render() {
    return (
      <Router>
        <Switch>
          <Route path='/' exact render={() => <Tabbar><Index></Index></Tabbar>}></Route>
          <Route path='/category' exact render={(props) => <Tabbar><Category {...props}></Category></Tabbar>}></Route>
          <Route path='/cart' exact render={() => <Tabbar><Cart></Cart></Tabbar>}></Route>
          <Route path='/my' exact render={() => <Tabbar><My></My></Tabbar>}></Route>
          <Route path='/searchcenter' exact render={() => <SearchCenter></SearchCenter>}></Route>
          <Route path='/goodDetail/:goods_id' exact render={(props) => <GoodDetail {...props}></GoodDetail>}></Route>
          <Route path='/goodList' exact render={(props) => <GoodList {...props}></GoodList>}></Route>
          <Route path='/pay' exact render={(props) => <Pay {...props}></Pay>}></Route>
          <Redirect to='/'></Redirect>
        </Switch>
      </Router>
    );
  }
}